// pages/category/category.js
const app = getApp()
Page({

    /**
     * 页面的初始数据
     */
    data: {
        items:[
                {
                    id: 1,
                    cate_name:'新品',
                    ishaveChild: true,
                    level:1,
                    children:[
                        {
                            ID:2,
                            right_id:22,
                            parent_id:1,
                            level:2,
                            img:'/pages/category/img/p2.png',
                            text:'BZDZLLY系列'
                        },
                        {
                            ID:3,
                            right_id:33,
                            parent_id:1,
                            level:2,
                            img:'/pages/category/img/p3.png',
                            text:'CGLZI系列'
                        },    
                        {
                            ID:1,
                            right_id:11,
                            parent_id:1,
                            level:2,
                            img:'/pages/category/img/p1.png',
                            text:'BZDZLCX系列'
                        },
                        {
                            ID:4,
                            right_id:44,
                            parent_id:1,
                            level:2,
                            img:'/pages/category/img/p4.png',
                            text:'CHLBS系列'
                        },
                        {
                            ID:5,
                            right_id:55,
                            parent_id:1,
                            level:2,
                            img:'/pages/category/img/p5.png',
                            text:'CGLXY系列'
                        }
                    ]
                },
                {   
                    id: 2,
                    level:1,
                    cate_name:'高端定制',
                    ishaveChild: true
                },
                {
                    id: 3,
                    level:2,
                    cate_name:'展厅现货',
                    ishaveChild: true
                },
                {
                    id: 4,
                    level:2,
                    cate_name:'客厅',
                    ishaveChild: true
                },
                {
                    id: 5,
                    level:2,
                    cate_name:'卧室',
                    ishaveChild: true
                },
                {   
                    id: 6,
                    level:2,
                    cate_name:'书房',
                    ishaveChild: true
                },
                {   
                    id: 7,
                    level:2,
                    cate_name:'餐厅',
                    ishaveChild: true
                }
            ],
        
        currentNav:1,
        currentIndex:0,
        navHeight: '',
        statusBarHeight: 0, // 状态栏高度
        searchMarginTop: 0, // 搜索框上边距
        searchWidth: 0, // 搜索框宽度
        searchHeight: 0, // 搜索框高度
    },
   
    handleItemTap: function(e){
        console.log(e);
        let id = e.target.dataset.id,
        index = parseInt(e.target.dataset.index);

        this.setData({
            currentNav:id,
            currentIndex:index
        })
    }, 

    onLoad : function(options){


        wx.setNavigationBarColor({
            frontColor: '#000000',
            backgroundColor:'#000000'
        })
         let menuButtonInfo = wx.getMenuButtonBoundingClientRect()
        const { top, width, height, right } = menuButtonInfo
        wx.getSystemInfo({
          success: (res) => {
            const { statusBarHeight } = res
            const margin = top - statusBarHeight
            this.setData({
              statusBarHeight: statusBarHeight,
              navHeight: (height + statusBarHeight + (margin * 2)),
              searchMarginTop: statusBarHeight + margin, // 状态栏 + 胶囊按钮边距
              searchHeight: height,  // 与胶囊按钮同高
              searchWidth: right - width - 100 // 胶囊按钮右边坐标 - 胶囊按钮宽度 = 按钮左边可使用宽度，再减去30两边间距
            })    
          }, 
        })
         wx.get('/categorys').then(res => {
             console.log(res)
                res.sort((a,b) => {
                            return a.level - b.level
                        })
                        
             let obj = {}

            for(let i = 0; i < res.length; i ++){
            let parent_id = res[i].parent_id,id = res[i].id
            res[i].children = []
            obj[id] = res[i]
            if(parent_id && obj[parent_id]) obj[parent_id].children.push(res[i])
        }
            
         })
        
      

       
        let items = []
        for(let key in obj){
            if(obj[key].level == 1) cateItems.push(obj[key])
        }
        this.setData({
            items
        })
   
        // this.getcateItems()
    },
    
    //获取分页数据
    // getCates(){
    //     let cateItems=this.getCates.map(v=>v.cat_name);
    //     this.setData({
    //         cateItems
    //     })
    // },
    /**
     * 生命周期函数--监听页面加载
     */

    
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function () {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function () {

    }
})